<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息中心</title>
    <link rel="stylesheet" href="yunqiuser-center.css" type="text/css"/>
    <link rel="stylesheet" href="less/yunqi.css" type="text/css"/>
</head>
<body>

<a href="#" class="ask">真<br/>人<br/>咨<br/>询<br/></a>
<header>
    <div class="head-inner">
        <div class="headLf">
            <a href="#" id="logo"><img src="user/center_logo.png"/></a>

            <div>我的云起</div>
        </div>
        <div class="headRt">
            <div class="infowrap">
                <a href="#" class="info">
                    <em>12345678911</em>
                    <span></span>
                </a>
                <ul class="info-inner">
                    <li>账号信息</li>
                    <li>退出</li>
                </ul>
            </div>
            <a href="#" class="link">云起官网</a>
        </div>
    </div>
</header>
<article>
    <div class="art-inner">
        <div class="lt-nav">
            <div class="btn">
                <span></span>
                <span></span>
                <span></span>
                <span class="str-last"></span>
            </div>
            <div class="navinner">
                <p><a href="user-center.html">账号总览</a></p>
                <dl>
                    <dt>用户中心 <span></span></dt>
                    <dd><a href="account-info.html">账号信息</a></dd>
                    <dd><a href="password-amend.html">修改密码</a></dd>
                    <dd class="infocenter"><span>10</span><a href="news-center.html">消息中心</a></dd>
                </dl>
                <dl>
                    <dt>云起会员 <span></span></dt>
                    <dd><a href="member.html">会员介绍</a></dd>
                    <dd><a href="welfare.html">福利中心</a></dd>
                </dl>
                <p><a href="software.html">我的软件</a></p>

                <p><a href="service.html">已购服务</a></p>
                <dl>
                    <dt>账务管理 <span></span></dt>
                    <dd>账户余额</dd>
                    <dd>订单管理</dd>
                    <dd>代金券管理</dd>
                </dl>
                <dl>
                    <dt>天工收银 <span></span></dt>
                    <dd>资产管理</dd>
                    <dd>交易记录</dd>
                </dl>
            </div>
        </div>
        <div class="content">
            <p class="infocap">消息中心</p>

            <div class="news-list">
                <div class="orabtns">
                    <div class="org-btn mark_read">标记为已读</div>
                    <div class="org-btn del_news">删除消息</div>
                </div>
                <table cellspacing="0">
                    <tr>
                        <th>
                            <input type="checkbox" id="checkbox1"/>
                            <label for="checkbox1" class="lb"></label>
                        </th>
                        <th>标题</th>
                        <th>日期</th>
                        <th>操作</th>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox2"/>
                            <label for="checkbox2" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox3"/>
                            <label for="checkbox3" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox4"/>
                            <label for="checkbox4" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox5"/>
                            <label for="checkbox5" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox6"/>
                            <label for="checkbox6" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox7"/>
                            <label for="checkbox7" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox8"/>
                            <label for="checkbox8" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox9"/>
                            <label for="checkbox9" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox10"/>
                            <label for="checkbox10" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>

                            <input type="checkbox" id="checkbox11"/>
                            <label for="checkbox11" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" id="checkbox12"/>
                            <label for="checkbox12" class="lb"></label>
                        </td>
                        <td>
                            <a href="#">[卡券领取通知]您已经成功领取也买酒进口葡萄酒领取券啦!</a>
                        </td>
                        <td>2016-07-05</td>
                        <td>标记为已读</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</article>
<footer>
    <p>© 2003-2016 ShopEx,Inc.All rights reserved.</p>
</footer>
<div class="grey-cover">
    <div class="deleteTip">
        <p>删除后信息将无法找回，是否确认?</p>
        <a href="javascript:;" class="delete">确认删除</a>
        <a href="javascript:;" class="noDelete">不删除</a>
    </div>
</div>
<script src="script/jquery-1.11.1.min.js"></script>
<script src="user-center.js"></script>
</body>
</html>